<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>支付宝</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style_yoyo.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>


<body>
<div id="body">
<nav class="navbar navbar-expand-lg navbar-light" id="one">
    <div class="container">
        <a class="navbar-brand" href="#"><img id="img" src="images/logo2.png" alt="" class=""></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="navbar-brand" href="index.html" style="color: white">返回首页</a>
                </li>
                <li class="nav-item">
                    <a class="navbar-brand" href="#" style="color: white">开发接入 <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="navbar-brand" href="#" style="color: white">文档中心</a>
                </li>
                <li class="nav-item">
                    <a class="navbar-brand" href="#" style="color: white">支付宝开放学院</a>
                </li>
                <li class="nav-item">
                    <a class="navbar-brand" href="#" style="color: white">服务市场</a>
                </li>
            </ul>
            <form class="form-inline my-2 my-lg-0">
                <button type="button" class="btn btn-outline-light">免费入驻</button>
            </form>
        </div>
    </div>
</nav>



    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="5"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="images/xc1.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="images/xc2.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="images/xc3.png" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="images/xc4.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="images/xc5.jpg" class="d-block w-100" alt="...">
            </div>
            <div class="carousel-item">
                <img src="images/xc6.png" class="d-block w-100" alt="...">
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
<div class="header">
    <h2>商业合作</h2>
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <img src="images/tu-1.png" alt="" class="tu-1">
                <div class="row">
                    <div class="col-md-3">
                        <img src="images/4b.png" alt="" class="">
                        <p>收钱码合作</p>
                    </div>
                    <div class="col-md-3">
                        <img src="images/5b.png" alt="" class="">
                        <p>支付系统合作</p>
                    </div>
                    <div class="col-md-3">
                        <img src="images/6b.png" alt="" class="">
                        <p>银行收单服务</p>
                    </div>
                    <div class="col-md-3">
                        <img src="images/7b.png" alt="">
                        <p>海外支付接入</p>
                    </div>
                    <h5>成功支付服务商</h5>
                </div>
            </div>
            <div class="col-md-6">
                <img src="images/tu-1.png" alt="" class="tu-1">
                <div class="row">
                    <div class="col-md-3">
                        <img src="images/b1.png" alt="" class="">
                        <p>品牌零售</p>
                    </div>
                    <div class="col-md-3">
                        <img src="images/b2.png" alt="" class="">
                        <p>停车</p>
                    </div>
                    <div class="col-md-3">
                        <img src="images/b3.png" alt="" class="">
                        <p>城市服务</p>
                    </div>
                    <div class="col-md-3">
                        <img src="images/b8.png" alt="" class="">
                        <p>未来药店</p>
                    </div>
                    <h5>更多20+行业方案</h5>
                </div>
            </div>
        </div>
    </div>
    <div class="header-3">
        <div class="container">
            <h2>开放能力版图</h2>
            <div class="row" id="app">
                <div class="col-md-3" id="bei-1" v-for="url in message">
                    <img :src="url.pic" alt="" class="">
                    <h4>{{url.h4}}</h4>
                    <p class="zi-1">{{url.p1}}</p>
                    <p class="zi-2">{{url.p2}}</p>
                </div>
            </div>
    </div>
    </div>
    <div class="header-4">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <h4><a>10亿</a>+全无用户</h4>
                    <p>支付宝和生态伙伴一起在全球服务</p>
                </div>
                <div class="col-md-4">
                    <h4><a>千万级</a>生态伙伴</h4>
                    <p>与生态伙伴共享蚂蚁开放资源</p>
                </div>
                <div class="col-md-4">
                    <h4><a>10亿</a>支付宝STS计划</h4>
                    <p>官方资源投入，助力生态伙伴</p>
                </div>
            </div>
        </div>
    </div>
    <div class="header-5">
        <div class="container">
            <h2>成为我们的合作伙伴</h2>
            <div class="row">
                <div class="col-md-4">
                    <h4>1.注册认证</h4>
                    <p>注册个人账户，推荐注册并使用企业账户，部分功能仅对企业开放</p>
                </div>
                <div class="col-md-4">
                    <h4>2.登录入驻</h4>
                    <p>使用支付宝账户登录，依照入驻指引完善联系方式，签署平台服务协议</p>
                </div>
                <div class="col-md-4">
                    <h4>3.平台使用</h4>
                    <p>即刻开始使用业务中心、运营中心、开发中心三大平台功能</p>
                </div>
                <button>免费入驻</button>
            </div>
        </div>
    </div>
</div>
</div>
<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-2">
                    <h6>新手</h6>
                    <p>新手指南</p>
                    <p>热门FAQ</p>
                    <p>合作攻略</p>
                    <p>平台规则</p>
                </div>
            <div class="col-md-2">
                    <h6>服务支持</h6>
                    <p>开发文档</p>
                    <p>业务文档</p>
                    <p>物料模板下载</p>
                    <p>支付宝开放日</p>
                </div>
            <div class="col-md-2">
                    <h6>客服帮助</h6>
                    <p>技术支持中心</p>
                    <p>在线问答</p>
                    <p>客服：0571-88158090</p>
                    <p>（9:00-22:00）</p>
                </div>
            <div class="col-md-2">
                    <h6>合作洽谈</h6>
                    <p>点此与我联系</p>
                </div>
            <div class="col-md-3">
                <h6>关于我们</h6>
                <p>关注平台移动门户</p>
                <img src="images/vk3.gif" alt="" class="">
                <p>打开支付宝扫一扫</p>
            </div>
        </div>
    </div>
    <p style="text-align: center">Copyright & 2019 杭州蚂蚁金服 | ICP证浙B2-20160559</p>
</div>
</div>

<div id="toTop">↑</div>

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="js/axios.min.js"></script>
<script src="js/vue.js"></script>
<script src="js/script3.js"></script>
</body>

</html>
